<template>
	<view class="container">
		<view class="warp u-m-t-20">

			<u-form :model="model" :rules="rules" ref="uForm" :errorType="errorType">
				<u-gap :bg-color="bgColor" :height="height" :required="required" :margin-top="marginTop" ></u-gap>
					<u-form-item class="u-m-l-30 u-m-r-30" :required="required" :label-width="200" :label-position="labelPosition" :border-bottom="true" label="地域" prop="region">
						<view style="width:100%;text-align: right;" @click="cityActive = true">{{model.region || "请选择"}}</view>
						<!-- <u-input type="select" :select-open="selectShowDy" v-model="model.region" placeholder="请选择" placeholderStyle="color: #0D1D36;"
						 input-align="right" @click="selectShowDy = true"></u-input> -->
					</u-form-item>
					<u-form-item class="u-m-l-30 u-m-r-30" :required="required" :label-width="200" :label-position="labelPosition" :border-bottom="true" label="企业性质" prop="qyxz">
						<u-input :border="border" type="select" :select-open="selectShowFwnr" v-model="model.qyxz" placeholder="请选择" placeholderStyle="color: #0D1D36;"
						 input-align="right" @click="selectShowFwnr = true"></u-input>
					</u-form-item>
					<u-form-item class="u-m-l-30 u-m-r-30" :required="required" :label-width="200" :label-position="labelPosition" :border-bottom="true" label="擅长领域" prop="qyly">
						<u-input :border="border" type="select" :select-open="selectShowXmlb" v-model="model.qyly" placeholder="请选择" placeholderStyle="color: #0D1D36;"
						 input-align="right" @click="selectShowXmlb = true"></u-input>
					</u-form-item>
					<u-form-item class="u-m-l-30 u-m-r-30" :required="required" :label-width="200" :label-position="labelPosition" :border-bottom="true" label="企业资质" prop="qyzz">
						<u-input :border="border" type="select" :select-open="selectShowXmlb" v-model="model.qyzz" placeholder="请选择" placeholderStyle="color: #0D1D36;"
						 input-align="right" @click="selectShowXmlb = true"></u-input>
					</u-form-item>
					<!-- <u-form-item class="u-m-l-30 u-m-r-30" :required="required" label-width="200" :label-position="labelPosition" label="质量体系" prop="zltx">
						<u-input :border="border" placeholder="请输入" v-model="model.zltx" type="text" input-align="right"></u-input>
					</u-form-item> -->
					<u-form-item class="u-m-l-30 u-m-r-30" :label-position="labelPosition" label="质量体系" label-width="400" prop="zltx">
						<u-radio-group v-model="model.zltx" @change="checkboxGroupChange1" :width="radioCheckWidth" :wrap="radioCheckWrap">
							<u-radio shape="square"  v-model="item.checked" v-for="(item, index) in checkboxListOne" :key="index" :name="item.name">{{ item.name }}</u-radio>
						</u-radio-group>
					</u-form-item>
					<u-form-item class="u-m-l-30 u-m-r-30" :label-position="labelPosition" label="诚信保证金" label-width="400" prop="zsbzj">
						<u-radio-group v-model="model.zsbzj" @change="checkboxGroupChange" :width="radioCheckWidth" :wrap="radioCheckWrap">
							<u-radio shape="square"  v-model="item.checked" v-for="(item, index) in checkboxListTwo" :key="index" :name="item.name">{{ item.name }}</u-radio>
						</u-radio-group>
					</u-form-item>
					<u-form-item v-if="zsbzj" class="u-m-l-30 u-m-r-30" label-width="200" :label-position="labelPosition" label="" prop="cxbzj">
						<u-input :border="border" placeholder="请输入保证金金额  元" v-model="model.cxbzj" type="text" input-align="right"></u-input>
					</u-form-item>
					<u-form-item class="u-m-l-30 u-m-r-30" :required="required" label-width="200" :label-position="labelPosition" label="履约信誉" prop="lyxy">
						<picker @change="bindPickerlyChange" :value="sindex" :range="lvxys" style="width:100%;text-align: right;">
							<view class="uni-input">{{lvxys[sindex] || "请选择"}}</view>
						</picker>
					</u-form-item>
				<u-gap :bg-color="bgColor" :height="height" :margin-top="marginTop" :margin-bottom="marginBottom"></u-gap>
				<u-form-item class="u-m-l-30 u-m-r-30" :required="required" label-width="200" :label-position="labelPosition" label="关键字" prop="gjz">
					<u-input :border="border" placeholder="请输入" v-model="model.gjz" type="text" input-align="right"></u-input>
				</u-form-item>
				<u-form-item class="u-m-l-30 u-m-r-30" :required="required" label-width="200" :label-position="labelPosition" label="屏蔽关键字" prop="pbgjz">
					<u-input :border="border" placeholder="请输入" v-model="model.pbgjz" type="text" input-align="right"></u-input>
				</u-form-item>
				<u-form-item class="u-m-l-30 u-m-r-40" :required="required" :label-width="200" :label-position="labelPosition" :border-bottom="false" label="匹配时效" prop="ppsx">
					<u-input :border="border" @click="showDate = true" placeholder="请选择" v-model="model.ppsx" type="text" input-align="right"></u-input>
					 <u-calendar v-model="showDate" ref="calendar" @change="changeDate" mode="date"
					 	:start-text="startText" :end-text="endText" :range-color="rangeColor" max-date="2022-10-01"
					 	:range-bg-color="rangeBgColor" :active-bg-color="activeBgColor"
					 >
					 </u-calendar>
				</u-form-item>
				<!-- <u-form-item class="u-m-l-30 u-m-r-40" :label-width="200" :label-position="labelPosition" :border-bottom="false" label="匹配权重" prop="customize">
					<view style="flex: 1;text-align: right;" @click="handleClickWeight()">
						<u-icon name="arrow-right" style="color:#9DA2B0;font-size: 32upx;"></u-icon>
					</view>
				</u-form-item> -->
				<u-gap :bg-color="bgColor" :height="height" :required="required" :margin-top="marginTop" :margin-bottom="marginBottom"></u-gap>
				<view class="qtsm u-m-l-40 u-m-r-30 u-m-t-40">
					<image src="../../../static/img/releasesm.png" style="width: 29rpx; height: 29rpx;" mode=""></image>
					<text class="hz">简短说明</text>
				</view>
				<u-form-item class="  zwpj u-m-l-30 u-m-r-30 " :label-position="labelPosition"  prop="jdsm">
					<u-input  type="textarea" :border="border" placeholder="请输入简短说明" v-model="model.jdsm" />
				</u-form-item>
			</u-form>
		</view>
		<view class="warp u-m-t-20 u-p-30">
			
			<u-button class="button" @click="submit">确定</u-button>
			<!--弹出框-->
			<u-select mode="single-column" :list="fwnrList" v-model="selectShowFwnr" @confirm="selectConfirmFwnr"></u-select>
			<u-select mode="single-column" :list="jzjdList" v-model="selectShowJzjd" @confirm="selectConfirmJzjd"></u-select>
			<u-select mode="single-column" :list="rzfsList" v-model="selectShowRzfs" @confirm="selectConfirmRzfs"></u-select>
			<!-- <u-select mode="single-column" :list="selectList" v-model="selectShowQylx" @confirm="selectConfirmQylx"></u-select>
			<u-select mode="single-column" :list="selectList" v-model="selectShowQydy" @confirm="selectConfirmQydy"></u-select>
			<u-select mode="single-column" :list="selectList" v-model="selectShowLyxy" @confirm="selectConfirmLyxy"></u-select>
			<u-select mode="single-column" :list="dataList" v-model="selectShowPpsx" @confirm="selectConfirmPpsx"></u-select> -->
			<u-select :default-value="defaultValue" v-model="selectShowDy" mode="mutil-column-auto" value-name="value" label-name="name" child-name="submenu" :list="listCitys" @confirm="confirmCity"></u-select>
			<u-select :default-value="defaultValue" v-model="selectShowXmlb" mode="mutil-column-auto" :list="listXmlbs" @confirm="confirmXmlb"></u-select>
			<city-select v-model="cityActive" @city-change="cityChange"></city-select>
			<!--弹出框-->
		</view>
	</view>
</template>
<script>
	import citySelect from '@/components/u-city-select.vue';
export default {
	components:{
		citySelect
	},
	data() {
		let that = this;
		return {
				cityActive: false,
			defaultValue: [3],
			listCitys:[],
			listXmlbs:[],
			show: false,
			showDate:false,
			mode: 'range',
			result: "开始时间   至   结束时间",
			startText: '开始',
			endText: '结束',
			rangeColor: '#2979ff',
			rangeBgColor: 'rgba(41,121,255,0.13)',
			activeBgColor: '#2979ff',
			height: 20,
			bgColor: this.$u.color.bgColor,
			marginTop: 30,
			marginBottom: 30,
			btnType: 'primary',
			reqBody: {},
			pattern: '',
			/**
			 * form验证
			 * */
			model: {
				lb: '',
				region: '',
				qyxz: '',
				qyly: '',
				qyzz: '',
				zltx: '',
				gjz: '',
				pbgjz: '',
				lyxy: '',
				cxbzj: '',
				ppsx: '',
				zsbzj: '',
				
			},
			zsbzj: false,
			startTime: '',
			endTime: '',
			selectList: [
				{
					value: '测试1',
					label: '测试1'
				},
				{
					value: '测试2',
					label: '测试2'
				},
				{
					value: '测试3',
					label: '测试3'
				}
			],
			dataList: [
				{
					value: '2020-11-10',
					label: '2020-11-10'
				},
				{
					value: '2020-12-10',
					label: '2020-12-10'
				},
				{
					value: '2020-12-20',
					label: '2020-12-20'
				}
			],
			fwnrList:[
				{
					value: '国家行政企业',
					label: '国家行政企业'
				},
				{
					value: '公私合作企业',
					label: '公私合作企业'
				},
				{
					value: '中外合资企业',
					label: '中外合资企业'
				},
				{
					value: '社会组织机构',
					label: '社会组织机构'
				},
				{
					value: '国示组织机构',
					label: '国示组织机构'
				},
				{
					value: '外资企业',
					label: '外资企业'
				},
				{
					value: '私营企业',
					label: '私营企业'
				},
				{
					value: '集体企业',
					label: '集体企业'
				}
			],
			jzjdList:[
				{
					value: '全部',
					label: '全部'
				},
				{
					value: '可研',
					label: '可研'
				},
				{
					value: '招标',
					label: '招标'
				},
				{
					value: '勘察',
					label: '勘察'
				},
				{
					value: '设计',
					label: '设计'
				},
				{
					value: '采购',
					label: '采购'
				},
				{
					value: '施工',
					label: '施工'
				},
				{
					value: '监理',
					label: '监理'
				},
				{
					value: '预算',
					label: '预算'
				},
				{
					value: '设备安装',
					label: '设备安装'
				},
				{
					value: '装饰装修',
					label: '装饰装修'
				},
				{
					value: '竣工验收',
					label: '竣工验收'
				},
				{
					value: '其他',
					label: '其他'
				}
			],
			checkboxListTwo: [
			
				{
					name: '需要',
					checked: false,
					disabled: false
				},
				{
					name: '不需要',
					checked: false,
					disabled: false
				},
			],
			checkboxListOne: [
			
				{
					name: '有',
					checked: false,
					disabled: false
				},
				{
					name: '无',
					checked: false,
					disabled: false
				},
			],
			rzfsList:[
				{
					value: '资金入股',
					label: '资金入股'
				},
				{
					value: '借贷',
					label: '借贷'
				},
				{
					value: '其他',
					label: '其他'
				}
			],
			rules: {
				xmmc: [
					{
						required: false,
						message: '请输入项目名称',
						trigger: 'blur'
					}
				],
				region: [
					{
						required: false,
						message: '请选择地域',
						trigger: 'change'
					}
				],
				fwnr: [
					{
						required: false,
						message: '请选择服务内容',
						trigger: 'change'
					}
				],
				xmlb: [
					{
						required: false,
						message: '请选择项目类别',
						trigger: 'change'
					}
				],
				xmcc: [
					{
						required: false,
						message: '请输入项目层次',
						trigger: 'blur'
					}
				],
				ydmj: [
					{
						required: false,
						message: '请输入用地面积',
						trigger: 'blur'
					}
				],
				jzmj: [
					{
						required: false,
						message: '请输入建筑面积',
						trigger: 'blur'
					}
				],
				zzyq: [
					{
						required: false,
						message: '请输入资质要求',
						trigger: 'blur'
					}
				],
				jzjd: [
					{
						required: false,
						message: '请选择进展阶段',
						trigger: 'change'
					}
				],
				cjzt: [
					{
						required: false,
						message: '请选择任意一个承接主体',
						trigger: 'change'
					}
				],
				rzfs: [
					{
						required: false,
						message: '请选择融资方式',
						trigger: 'change'
					}
				],
				rzgm: [
					{
						required: false,
						message: '请输入融资规模',
						trigger: 'blur'
					}
				],
				// pbgjz: [
				// 	{
				// 		required: false,
				// 		message: '请输入屏蔽关键字',
				// 		trigger: 'blur'
				// 	}
				// ],
				sjap: [
					{
						required: false,
						message: '请选择时间安排',
						trigger: 'change'
					}
				],
				jdsm: [
					{
						required: false,
						message: '请输入简短说明',
						trigger: 'blur'
					}
				]
			},
			checkboxList: [
				{
					name: '企业',
					checked: false,
					disabled: false
				},
				{
					name: '团队',
					checked: false,
					disabled: false
				},
				{
					name: '无',
					checked: false,
					disabled: false
				},
			],
			// checkboxListTwo: [
				
			// 	{
			// 		name: '是',
			// 		checked: false,
			// 		disabled: false
			// 	},
			// 	{
			// 		name: '否',
			// 		checked: false,
			// 		disabled: false
			// 	},
			// ],
			required: false,
			border: false,
			check: false,
			selectStatus: 'close',
			selectShowDy: false,
			selectShowFwnr: false,
			selectShowXmlb: false,
			selectShowJzjd: false,
			selectShowRzfs: false,
			selectShowLyxy: false,
			selectShowPpsx: false,
			radio:'',
			radio1: '',
			radioCheckWidth: 'auto',
			radioCheckWrap: false,
			labelPosition: 'left',
			codeTips: '',
			errorType: ['toast'],
			/**/

			/**
			 * 数字统计
			 * */
			startVal: 500,
			endVal: 500,
			separator: ',',
			decimals: 0,
			duration: 2000,
			autoplay: true,
			useEasing: true,
			current: 3,
			isStop: false,
			bold: false,
			fontSize: 24,
			color: '#fff',
			/**/
				sindex:0,
				lvxys: ["高","中","低"],
			keyIndex:0,
			keywords: [{name:'企业',selected:true},{name:'设计师',selected:false},{name:'监理',selected:false},{name:'大型企业',selected:false},{name:'采购',selected:false},{name:'监理',selected:false}]
		};
	},
	mounted() {},
	onShow(){
		// this.wsDictionary();
		// this.wxyDictionary();
		// this.wyxDictionary();
	},
	onReady() {
		this.$refs.uForm.setRules(this.rules);
	},
	onLoad(options){
		if(options.row){
			this.model = JSON.parse(decodeURIComponent(options.row));
		}
		if(options.data){
			this.pattern = options.data
			if(this.pattern == '企业合作'){
				this.model.lb = '企业联合体合作'
			}else if(this.pattern == '服务合作'){
				this.model.lb = '企业工程服务合作'
			}else{
				this.model.mc = '工程融资合作'
			}
		}
		//获取省市区
		this.cityList();
	},
	methods: {
		
			cityChange(e) {
				let address = e.province.label
				if(e.city){
					address = address + '-' + e.city.label;
				}
				if(e.area){
					address = address + '-' + e.area.label;
				}
				this.model.region = address
			},
			bindPickerlyChange(e){
				this.sindex= e.detail.value;
				this.model.lvxy = this.lvxys[e.detail.value];
			},
		handleClickWeight(e) {
			var model = encodeURIComponent(JSON.stringify(this.model));
			let url = encodeURIComponent(JSON.stringify("release/bidding"));
			if(this.model.wyx == '企业'){				
				uni.navigateTo({
					url: '../user/companyWeight?type='+url+'&row=' + model
				})
			}else if(this.model.wyx == '团队'){
				uni.navigateTo({
					url: '../user/teamWeight?type='+url+'&row=' + model
				})
			}else{				
				uni.navigateTo({
					url: '../user/personWeight?type='+url+'&row=' + model
				})
			}
		},
		confirmCity(e) {
			this.model.region = '';
			e.map((val, index) => {
				this.model.region += this.model.region == '' ? val.label : '-' + val.label;
			})
		},
		confirmXmlb(e) {
			this.model.xmlb = '';
			e.map((val, index) => {
				this.model.xmlb += this.model.xmlb == '' ? val.label : '-' + val.label;
			})
		},
		async cityList(){
			let result = await this.$apis.fetchArea({level:2});	
			this.listCitys = result.data;
		},
		// checkbox选择发生变化
		checkboxGroupChange(e) {
			// debugger
			if(e==="需要"){
				this.zsbzj = true;
			}else{
				this.zsbzj = false;
			}
			
		},
		// // checkbox选择发生变化
		// checkboxGroupChange(e) {
		// 	// debugger
		// 	this.model.cjzt = e;
		// 	if(e==="企业"){
		// 		this.model.cjztTwo = 0;
		// 	}else if(e==="个人"){
		// 		this.model.cjztTwo = 1;
		// 	}else{
		// 		this.model.cjztTwo = 2;
		// 	}
			
		// },
		// checkbox选择发生变化
		checkboxGroupChange1(e) {
			this.model.zltx = e;
			// if(e==="是"){
			// 	this.model.xhmTwo = 1;
			// }else{
			// 	this.model.xhmTwo = 0;
			// }
		},
		async submit() {
			this.$refs.uForm.validate(valid => {
				if (valid) {
					console.log('验证通过');
					// this.insertProject();
					this.matching();
				} else {
					console.log('验证失败');
				}
			});
			
		},		
		//招投标匹配并新增
		async matching(){
			try {
			let reqBody = {};
			// let bidding = {};
			// let param = {};
			reqBody['bidderId'] = this.$store.state.userInfo.id;
			reqBody['area'] = this.model.xmdd;
			reqBody['projectName'] = this.model.xmmc;
			reqBody['type'] = this.model.xmcc;
			reqBody['stage'] = this.model.xmjd;
			reqBody['requires'] = this.model.zzyq;
			reqBody['startTime'] = this.startTime;
			reqBody['endTime'] = this.endTime;
			reqBody['identityType'] = this.model.cjztTwo;
			reqBody['isRebate'] = this.model.xhmTwo;
			reqBody['bestKey'] = this.model.gjz;
			reqBody['blackKey'] = this.model.pbgjz;
			reqBody['remarks'] = this.model.qtsm;
			reqBody['iam'] = this.model.ws;
			reqBody['imean'] = this.model.wyx;
			reqBody['ineed'] = this.model.wxy;
			// reqBody['bidding'] = bidding;
			// reqBody['param'] = param;
			let data = await this.$apis.biddingMatching(reqBody);
			if(data.code == 200){
				uni.showToast({
						title: "招投标匹配成功",
						icon: 'none'
				});
				setTimeout(() => {
					this.$mRouter.switchTab({
						route:this.$mRoutesConfig.message
					});
				},2000)
				
			}else{
				uni.showToast({
					title: result.msg,
					icon: 'none'
				});
				return;
			}
			} catch (e) {
				console.log(e);
				this.submitBtnDis = false;
			}
		},
		// //查询匹配 我是  字典数据
		// async wsDictionary(){
		// 	let reqBody = {};
		// 	reqBody['primary'] = "招投标";
		// 	reqBody['secondary'] = "我是";
		// 	let result = await this.$apis.findMatchingDictionary(reqBody);
		// 	let list = result.data;
		// 	for (let i = 0; i < list.length; i++) {
		// 		let wsValue = {};
		// 		wsValue['value'] = list[i].name;
		// 		wsValue['label'] = list[i].name;
		// 		this.wsList.push(wsValue)
		// 	}
		// },
		// //查询匹配 我需要  字典数据
		// async wxyDictionary(){
		// 	let reqBody = {};
		// 	reqBody['primary'] = "招投标";
		// 	reqBody['secondary'] = "我需要";
		// 	let result = await this.$apis.findMatchingDictionary(reqBody);
		// 	let list = result.data;
		// 	for (let i = 0; i < list.length; i++) {
		// 		let wxyValue = {};
		// 		wxyValue['value'] = list[i].name;
		// 		wxyValue['label'] = list[i].name;
		// 		this.wxyList.push(wxyValue)
		// 	}
		// },
		// //查询匹配 我意向  字典数据
		// async wyxDictionary(){
		// 	let reqBody = {};
		// 	reqBody['primary'] = "招投标";
		// 	reqBody['secondary'] = "我意向";
		// 	let result = await this.$apis.findMatchingDictionary(reqBody);
		// 	let list = result.data;
		// 	for (let i = 0; i < list.length; i++) {
		// 		let wyxValue = {};
		// 		wyxValue['value'] = list[i].name;
		// 		wyxValue['label'] = list[i].name;
		// 		this.wyxList.push(wyxValue)
		// 	}
		// },
		selectKey(e){
			this.keywords[e].selected = !this.keywords[e].selected;
		},
		// 选择
		selectConfirmFwnr(e) {
			this.model.qyxz = '';
			e.map((val, index) => {
				this.model.qyxz += this.model.qyxz == '' ? val.label : '-' + val.label;
			});
		},
		selectConfirmJzjd(e) {
			this.model.jzjd = '';
			e.map((val, index) => {
				this.model.jzjd += this.model.jzjd == '' ? val.label : '-' + val.label;
			});
		},
		selectConfirmRzfs(e) {
			this.model.rzfs = '';
			e.map((val, index) => {
				this.model.rzfs += this.model.rzfs == '' ? val.label : '-' + val.label;
			});
		},
		selectConfirmQylx(e) {
			this.model.qylx = '';
			e.map((val, index) => {
				this.model.qylx += this.model.qylx == '' ? val.label : '-' + val.label;
			});
		},
		selectConfirmQydy(e) {
			this.model.qydy = '';
			e.map((val, index) => {
				this.model.qydy += this.model.qydy == '' ? val.label : '-' + val.label;
			});
		},
		selectConfirmPpsx(e) {
			this.model.ppsx = '';
			e.map((val, index) => {
				this.model.ppsx += this.model.ppsx == '' ? val.label : '-' + val.label;
			});
		},
		change(e) {
			if (this.mode == 'range') {
				this.model.sjap = e.startDate + " - " + e.endDate;
				this.startTime = e.startDate;
				this.endTime = e.endDate;
			} else {
				this.model.sjap = e.result;
			}
		},
		changeDate(e) {
			this.model.ppsx = e.result;
		},
		
		dianji(){
			this.show = true;
		}
	}
};
</script>
<style scoped lang="scss">
	// 上下滑动
	.scroll-Y {
	  height: 300rpx;
	  .scroll-view-item {
	    height: 300rpx;
	    width: 100%;
	  }
	}
	// 左右滑动
	.scroll-view_H {
	  height: 400rpx;
	  width: 100%;
	  white-space: nowrap; // 滚动必须加的属性
	  border: 1px #007aff solid;
	 
	  .scroll-view-item_H {
	    height: 300rpx;
	    width: 40%;
	    margin-right: 20rpx;
	    display: inline-block;
	    vertical-align: top;
	  }
	}
page {
	// background: #f5f5f9;
}
.warp {
	background: #fff;
}
.count {
	.count-to {
		font-size: 24rpx;
	}
	text {
		padding: 2rpx 12rpx;
		background: #ff9e21;
		color: #ffffff;
		font-size: 24rpx;
	}
}
.group {
	padding: 6rpx 21rpx;
	background: #f1f7ff;
	border-radius: 6rpx;
	margin: 30rpx 30rpx 0 30rpx;
}
.button {
	width: 662rpx;
	margin:145rpx auto 65rpx auto;
	background: #ab61ff;
	border-radius: 40rpx;
	border: 0;
	color: #fff;
	&.u-hairline-border:after {
		border: 0;
	}
}
.fgx{
	width: 100%;
	height: 20rpx;
	background-color: #F5F5F9;
	margin-top: 40rpx;
}
.wdztc{
	width: 190rpx;
	height: 56rpx;
	background: rgba(171, 97, 255, 0.15);
	border: 2rpx dashed #AB61FF;
	border-radius: 6rpx;
	color: #AB61FF;
	font-size: 28rpx;
	text-align: center;
	line-height: 56rpx;
	margin-top: 40rpx;
	margin-left: 280rpx;
}
.qtsm{
	display: flex;
	align-items: center;
	.hz{
		color: #0D1D36;
		font-size: 30rpx;
		margin-left: 15rpx;
	}
}
.zwpj{
		width: 690rpx;
		height: 260rpx;
		background-color: #F5F5F9;
		margin-top: 40rpx;
		font-size: 30rpx;
		color: #F5F5F9;
		border-radius: 10rpx;
		line-height: 44rpx;
	}
</style>
